<template>
  <div>
    <h2>App组件</h2>
    <!-- 如果给子组件传递数据，则通过自定义属性的方式传递 -->
    <!-- 如果值是下面的数据项，是一个可变量，则需要添加冒号 -->
    <GoodsList :uname="username" :age="age" sex="男"></GoodsList>
  </div>
</template>

<script>
import GoodsList from "./components/GoodsList.vue";
export default {
  data() {
    return {
      username: "Lisi",
      age: 25,
    };
  },
  // 注册组件
  components: {
    GoodsList,
  },
};
</script>

<style>
</style>